<script>
	 
	export default {
		
		onLaunch: function() {
			//
			let sdid = this.$TOOL.data.get('sdid')
			if(!(sdid && sdid.sid)){
				//跳转到登录页
				uni.redirectTo({
					url: '/pages/login/login'
				});
			}
		},
		onShow: function() {
			 
		},
		onHide: function() {
			 
		},
		 
		 
	}
</script>

<style lang="scss">
	/*公共css */
	page{
		height: 100vh;
		overflow-y: hidden;  
	}
	 
	*{
		font-family: "PingFang SC";
	}
	.content{
		width: 100vw;
		height: 100vh;
		overflow-y: hidden;
		background-color: #F9FAFC;
		color: #333333;
	}
	
	.paddingContent{
		padding: 0 40rpx;
	}
	.paddingContentbig{
		padding: 0 60rpx;
	}
	.dialog{ 
		width: 100vw;
		height: 100vh;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 99999; 
		background: rgba(0, 0, 0, 0.4);
	}
	.hoverItem{
		background: rgba(100, 100, 100, 0.1);
	}
	.navBox{
		height: 140rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		box-shadow: 0 0 12px #0000001f; 
		background: #ffffff; 
		 
		>view{
			font-size: 30rpx;
			font-weight: 700;
			position: relative;
			top: 20rpx;
		}
	}
	
	.actInfo{
		padding: 40rpx;
		background: #F9FAFC;
		position: absolute;
		left: 0;
		bottom: 0;
		width: calc(100% - 80rpx);
		border-radius: 30rpx 30rpx 0 0;
		.aInfo{
			display: flex;
			align-items: center;
			justify-content: flex-start;
			width: calc( 100% - 80rpx);
			image{
				width: 90rpx;
				height: 90rpx;
				border-radius: 12rpx;
				display: block;
			}
			background: #fff;
			padding: 30rpx 40rpx;
			border-radius: 20rpx;
			>view{
				 
				&:last-child{
				   margin-left: 24rpx;
				   width: calc(100% - 114rpx);
				   >view{
					   &:first-child{
						   font-size: 30rpx;
						   font-weight: 700;
						   white-space: nowrap; 
						   width: 100%; 
						   overflow: hidden;
						   text-overflow:ellipsis;
						   
					   }
					   &:last-child{
						   font-size: 22rpx;
						   font-weight: 400;
						   margin-top: 8rpx;
						   display: flex;
						   align-items: center;
						   justify-content: flex-start;
						   
						   >view{
							   &:first-child{
								   display: flex;
								   align-items: center;
								   justify-content: center;
								   display: block;
								   margin-right: 8rpx;
							   }
							   &:last-child{
								   white-space: nowrap;
								   width: 100%; 
								   overflow: hidden;
								   text-overflow:ellipsis;
							   }
							   
						   }
						   
						   
					   }
				   }
				}
			}
		}
	
		.actBox{
			background: #ffffff;
			padding: 40rpx 40rpx;
			border-radius: 20rpx;
			margin-top:20rpx;
			font-size: 28rpx;
			color: #333333;
			>view{
				display: flex;
				align-items: center;
				justify-content: flex-start;
				margin-bottom: 60rpx;
				&:last-child{
					margin-bottom: 0;
					color: #FF5757;
				}
				>text{
					margin-left: 40rpx;
					position: relative;
					top: -2rpx;
				}
			}
		}
	}
	
	
	.editBox{
		width: 60%;
		padding:30rpx 40rpx;
		background: #F9FAFC;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		border-radius: 16rpx;
		input{
			background: #EDEEF0;
			font-size: 26rpx;
			padding: 20rpx 40rpx;
			border-radius: 16rpx;
		}
		text{
			font-size: 28rpx;
			opacity: 0.8;
		}
		>view{
			&:first-child{
				font-weight: 800;
				margin-bottom: 30rpx;
				font-size: 32rpx;
			}
			
			&:last-child{
				display: flex;
				align-items: center;
				justify-content: space-between;
				margin-top: 30rpx;
				view{
					width: 45%;
					text-align: center;
					font-size: 26rpx;
					background: $uni-color-primary;
					padding: 18rpx 0;
					border-radius: 12rpx;
					color: #ffffff;
					letter-spacing: 10rpx;
					&:first-child{
						background: #ffffff;
						color: #999;
					}
					
				}
			}
		}
		
	}
	.loading{
		font-size: 24rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 40rpx 0;
		>view{
			margin-right: 20rpx;
			animation: spin 2s linear infinite;
			@keyframes spin {
			  0% { transform: rotate(0deg); }
			  100% { transform: rotate(360deg); }
			}
		}
	}
	
	.isPlaying{
		color: $uni-color-primary;
	}
	
	:deep{
		 
		uni-toast{
			z-index: 999999!important;
		}
		.uni-sample-toast{
			z-index: 999999;
		}
	}
</style>
